<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>学习 javascript</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<!--弹出提示框-->
<!-- 1 链入式-->
<!--<script>-->
    <!--alert("第一个JavaScript程序！");-->
<!--</script>-->

<!-- 2 外链式-->
<!--<script src="js/script.js"></script>-->

<!-- 3 行内式-->
<!--<a href="javascript:alert('Hello');">test</a>-->
<!--onclick 点击事件-->
<!--<input type="text" value="test" onclick="alert('Hello');">-->

<!--<div id="test">id里面的Hello！</div>-->
<!--<div class="test">class里面的Hello！</div>-->

<button onclick="color('red')">红色</button>
<button onclick="color('yellow')">黄色</button>
<button onclick="color('blue')">蓝色</button>
<input type="color" onchange="color2(this)">


<!--控制台输出-->
<script src="js/script.js"></script>
</body>
</html>